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Bon, c’est une astuce un peu 
érodée maintenant et je suis 
sûr que vous êtes plusieurs 
ici à la connaître mais je la 
rajoute quand même ici pour 
référence. 


J'ai montré cela au 
responsable TICE de mon 
collège récemment et il n'en revenait pas : il est bel et 
bien possible de modifier n'importe quelle page web 
avec n'importe quel navigateur et tout cela 
directement en ligne, en utilisant une ligne de 
javascript. 


UNE LIGNE DE JAVASCRIPT QUI REND LA 
PAGE EDITABLE 


Bien évidemment, la page n’est pas du tout modifiée, 
n'allez pas croire que vous êtes 1337 au point d’avoir 
gagner les droits d'écriture sur toutes les pages du 
net ! Par contre, cela permet d'éditer facilement un 
design ou d'effectuer quelques tests. 


Nouveau code : 


Glissez-déposez ce bookmarklet vers votre barre de 
favoris : Modifier cette page. 


Allez ensuite sur n'importe quelle page web puis 
cliquez sur le bookmarklet. 


Ancien codeVoici la ligne à taper dans la barre 
d'adresse de votre navigateur lorsque vous 
vous trouvez sur un site :: 


javascript:document.body.contentEditable='true"; 
document.designMode='on"; void 0 
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ce petit bout de code Javascript indique au 
navigateur que le contenu de la page est modifiable. 
Vous pouvez donc taper ce que vous voulez dans la 


page. 


A QUOI CELA SERT-IL ? 


Alors j'entends certains me dire que cela ne sert à 
rien. Pour la grande majorité des internautes, c’est 
exact. Pour les développeurs ou graphistes par 
contre, l'intérêt est tout autre : cela peut servir à 
vérifier le rendu de la page avec une zone de texte 
plus importante, des images en moins, la 
suppression de sections entières... il suffit de 
sélectionner la partie qui vous intéresse et supprimer 
ou ajouter ce que vous souhaitez — vous pouvez 
même manipuler le contenu d’une page afin d'en faire 
une capture d'écran. 


SAUVEGARDE DES MODIFICATIONS 


Avec Firefox et Chrome, il est possible de 
sauvegarder vos modifications. Éditez la page puis 
enregistrez-là en cliquant sur Fichier > Enregistrer 
sous. |! semble par contre impossible d'enregistrer 
les modifications avec Internet Explorer ou Opera. 
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Matt a déjà écrit 2181 articles 
sur SkyMinds.Net. 


Curieux et passionné, il 
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Articles en rapport: 


e Le site de l'Académie de Créteil 
n'accepte que deux navigateurs : 
Internet Explorer et Firefox 


e CSS : forcer le retour à la ligne 
du code pre en CSS3, sous 
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Mozilla, Opera et IE 


e De l'importance du cahier des 
charges du développement web 


e FireFox: récupérer les onglets 
ouverts d’une session corrompue 


e installer des scripts JavaScript 
utilisateur sous Opera 


8 commentaires 


agatebluzs écrit : 
le à June 2010 à 9:49 


Ou alors tu utilises Firebug ! :-) 
ES 


Matt a écrit : 
le 9 June 2010 à 12:13 


Oui, si on est sur sa propre 
machine :) 

Le coup de la petite ligne 
de JS, c'est marrant sur les 
machines des autres 
(boulot etc). 


t 


PSP a écrit : 
le 9 June 2010 à 18:02 


Je ne connaissais pas cette 
technique, ça peut être sympa pour 
faire une petite démo en live pour 
impressionner ou faire une tite frayeur 
Je 
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Matt a écrit : 
le 12 June 2010 à 9:14 


Et modifier subrepticement 
la page facebook des amis 


5) 


Marion a écrit: 
le 25 May 2012 à 13:38 


Cela ne fonctionne pas ! Je Copie- 
Colle mais rien ne se passe. Je ne 
peux rien modifier. Je suis sous 
Mozilla Firefox. 


CE 


Matta écrit: 
le 26 May 2012 à 14:25 


Salut Marion, 


Je viens d'éditer l’article 
pour ajouter un 
bookmarklet, cela 
refonctionne en utilisant 
cette méthode. 


CD 


Bibi a écrit: 

le 25 January 2013 à 14:12 
il n'existe pas la même chose pour les 
fenêtres de windows. c’est à dire hors 
page web?? 


GES 


Matt a écrit : 
le 26 January 2013 à 10:43 


Non, pour les pages web 
c'est juste du javascript. 
Pour le système 
d'exploitation, je ne vois 
pas, à part avec un logiciel 
de retouche d'image. 
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Laisser un commentaire 


Si vous possédez un compte, connectez-vous. 
Nom (requis) 
E-mail (ne sera 
pas publié) (requis) 
Site Web 


Comment Preview 


b Í link quote bash 


php THINK. Then write. 
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